<template>
	
</template>

<script>
	
	
		
	
</script>

<style lang="scss">

.xaingqing{display: flex;}
.scroll_box{
	 line-height: 60px;
	      background-color: #f7f7f7;
	      text-align: center;
	      font-size: 12px;
		  
		     // 激活项的样式
		    
			
			   
			  
}

 .active {
		         background-color: #ffffff;
		         position: relative;
		 // 渲染激活项左侧的红色指示边线
		 &::before {
		   content: ' ';
		   display: block;
		   width: 3px;
		   height: 30px;
		   background-color: #c00000;
		   position: absolute;
		   left: 0;
		   top: 50%;
		   transform: translateY(-50%);
		 }
		      
		       }
			   .cate-lv2-title {
			     font-size: 12px;
			     font-weight: bold;
			     text-align: center;
			     padding: 15px 0;
			   }
.cate-lv3-list {
  display: flex;
  flex-wrap: wrap;

  .cate-lv3-item {
    width: 33.33%;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;

    image {
      width: 60px;
      height: 60px;
    }

    text {
      font-size: 12px;
    }
  }
}

.left_box{ ::v-deep ::-webkit-scrollbar {
			   		    display: none;
			   		    width: 0 !important;
			   		    height: 0 !important;
			   		    -webkit-appearance: none;
			   		    background: transparent;
			   		    color: transparent;
			   		  } }
 
 
 .serwch{
	 position: sticky;
	 
	 top: 0;
	 z-index: 9999;
 }
</style>
